<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>作业</title>
  <link rel="stylesheet" href="css/documentation.css">
  <link rel="Shortcut Icon" href="./favicon.ico" type="image/x-icon" />
  <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
  <style>
  </style>
</head>

<body>
  <!-- 头像区 -->
  <div id="header">
    <a href="https://xihua0522.github.io/RapeSenpai/">
      <img class="headImg" src="./assets/坤坤.gif" alt="logo"></a>
    <h2 style="color:#000000;font-weight:bold ;"></h2>
  </div></br>
  <p align="center" style="font-size:30px"></p></br>
  <!-- 跟随鼠标的小飞机 -->
  <div id="plane">
    <i class="fa fa-paper-plane" aria-hidden="true"></i>
  </div>
  <script>
    let plane = document.getElementById("plane")
    let deg = 0, ex = 0, ey = 0, vx = 0, vy = 0, count = 0;
    window.addEventListener('mousemove', (e) => {
      ex = e.x - plane.offsetLeft - plane.clientWidth / 2;
      ey = e.y - plane.offsetTop - plane.clientHeight / 2;
      deg = 360 * Math.atan(ey / ex) / (2 * Math.PI) + 45;
      if (ex < 0) {
        deg += 180;
      }
    })
    function draw() {
      plane.style.transform = 'rotate(' + deg + 'deg)';
      if (count < 100) {
        vx += ex / 150;
        vy += ey / 150;
      }
      plane.style.left = vx + 'px';
      plane.style.top = vy + 'px';
    }
    setInterval(draw, 1);
  </script>
  <!--粒子背景-->
  <script type="text/javascript" color="54,54,54" opacity='0.8' zIndex="-2" count="200"
    src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
  <!-- 粒子点击特效 -->
  <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
  <script type="text/javascript" src="djtx.js"></script>
  <!-- 10.15 -->
  <!-- 作业1 -->
  <div>
    <div style="height: 50px;background-color: #cacaca; ">
      <p align="center" class="Weeks">10.15</p>
    </div>
    <!-- 视频 -->
    <div class="zuoye">
      <div class="zuoye1">
        <p align="center" class="riqi">视频1</p>
        <video controls width="285" height="500">
          <source src="http://127.0.0.1:5244/d/%E6%88%91%E7%9A%84%E7%94%B5%E8%84%91/videos/%E4%BD%9C%E4%B8%9A/10.15(2).mp4" type="video/mp4">
        </video>
      </div>
      <!-- 图片 -->
      <div>
        <p align="center" class="riqi">工程截图</p>
        <img class="drawing" src="./img/10.15（1）.jpg">
        <p align="center" class="riqi">素材</p></br>
        <p align="center" style="font-size: 20px;" ><a href="">素材1</a></p>
      </div>
      <!-- 作业2 -->
      <div class="zuoye1">
        <p align="center" class="riqi">视频2</p>
        <video controls width="285" height="500">
          <source src="http://127.0.0.1:5244/d/%E6%88%91%E7%9A%84%E7%94%B5%E8%84%91/videos/%E4%BD%9C%E4%B8%9A/10.15(1).mp4" type="video/mp4">
        </video>
      </div>
      <!-- 图片 -->
      <div>
        <p align="center" class="riqi">工程截图</p>
        <img class="drawing" src="./img/10.15（2）.jpg">
        <p align="center" class="riqi">素材</p></br>
        <p align="center" style="font-size: 20px;" ><a align="center" href="https://v.douyin.com/MBnEFGo/">素材1</a></p>
      </div>
    </div>
  </div></br>
  <!-- 10.16 -->
  <!-- 作业1 -->
  <div>
    <div style="height: 50px;background-color: #cacaca; ">
      <p align="center" class="Weeks">10.16</p>
    </div>
    <!-- 视频 -->
    <div class="zuoye">
      <div class="zuoye1">
        <p align="center" class="riqi">视频1</p>
        <video controls width="285" height="500">
          <source src="" type="video/mp4">
        </video>
      </div>
      <!-- 图片 -->
      <div>
        <p align="center" class="riqi">工程截图</p>
        <img class="drawing" src="">
        <p class="riqi">素材</p></br>
      </div>
      <!-- 作业2 -->
      <div class="zuoye1">
        <p align="center" class="riqi">视频2</p>
        <video controls width="285" height="500">
          <source src="" type="video/mp4">
        </video>
      </div>
      <!-- 图片 -->
      <div>
        <p align="center" class="riqi">工程截图</p>
        <img class="drawing" src="">
        <p class="riqi">素材</p></br>
      </div>

    </div>
  </div></br>
</body>

</html>